<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>五彩导航</title>
    <style>
      a {
        display: inline-block;
        text-decoration: none;
      }
      div {
        border-top: 3px #ff8500 solid;
        border-bottom: 1px #edeef0 solid;
        height: 41px;
        background-color: #fcfcfc;
        line-height: 41px;
      }
      .menu {
        height: 41px;
        padding: 0px 20px;
        display: inline-block;
        color: #4c4c4c;
      }
      a:hover {
        background-color: darkgray;
        color: #ff8500;
      }
    </style>
  </head>
  <body>
    <div>
      <a href="#" class="menu">设为首页</a>
    </div>
  </body>
</html>
